<!--
    - [ ] parent 2
                - [ ] grand grand child
        - [ ] child 2
            - [ ] grandchild 1
        - [ ] child 1
    - [ ] parent 1
-->

<div>
  <ul class="contains-task-list plugin-tasks-query-result tasks-layout-hide-urgency">
    <li
      class="task-list-item plugin-tasks-list-item"
      data-task-priority="normal"
      data-task=""
      data-line="0"
      data-task-status-name="Todo"
      data-task-status-type="TODO">
      <input class="task-list-item-checkbox" type="checkbox" title="Right-click for options" data-line="0" />
      <span class="tasks-list-text">
        <span class="task-description"><span>parent 2</span></span>
      </span>
      <span class="task-extras">
        <span class="tasks-backlink">
          (
          <a rel="noopener" target="_blank" class="internal-link">inheritance_rendering_sample</a>
          )
        </span>
        <a class="tasks-edit" title="Edit task" href="#"></a>
      </span>
    </li>
    <li
      class="task-list-item plugin-tasks-list-item"
      data-task-priority="normal"
      data-task=""
      data-line="5"
      data-task-status-name="Todo"
      data-task-status-type="TODO">
      <input class="task-list-item-checkbox" type="checkbox" title="Right-click for options" data-line="5" />
      <span class="tasks-list-text">
        <span class="task-description"><span>parent 1</span></span>
      </span>
      <span class="task-extras">
        <span class="tasks-backlink">
          (
          <a rel="noopener" target="_blank" class="internal-link">inheritance_rendering_sample</a>
          )
        </span>
        <a class="tasks-edit" title="Edit task" href="#"></a>
      </span>
      <ul class="contains-task-list plugin-tasks-query-result tasks-layout-hide-urgency">
        <li
          class="task-list-item plugin-tasks-list-item"
          data-task-priority="normal"
          data-task=""
          data-line="0"
          data-task-status-name="Todo"
          data-task-status-type="TODO">
          <input class="task-list-item-checkbox" type="checkbox" title="Right-click for options" data-line="0" />
          <span class="tasks-list-text">
            <span class="task-description"><span>child 1</span></span>
          </span>
          <span class="task-extras">
            <span class="tasks-backlink">
              (
              <a rel="noopener" target="_blank" class="internal-link">inheritance_rendering_sample</a>
              )
            </span>
            <a class="tasks-edit" title="Edit task" href="#"></a>
          </span>
          <ul class="contains-task-list plugin-tasks-query-result tasks-layout-hide-urgency">
            <li
              class="task-list-item plugin-tasks-list-item"
              data-task-priority="normal"
              data-task=""
              data-line="0"
              data-task-status-name="Todo"
              data-task-status-type="TODO">
              <input class="task-list-item-checkbox" type="checkbox" title="Right-click for options" data-line="0" />
              <span class="tasks-list-text">
                <span class="task-description"><span>grandchild 1</span></span>
              </span>
              <span class="task-extras">
                <span class="tasks-backlink">
                  (
                  <a rel="noopener" target="_blank" class="internal-link">inheritance_rendering_sample</a>
                  )
                </span>
                <a class="tasks-edit" title="Edit task" href="#"></a>
              </span>
              <ul class="contains-task-list plugin-tasks-query-result tasks-layout-hide-urgency">
                <li><span>list item grand grand child</span></li>
              </ul>
            </li>
          </ul>
        </li>
        <li
          class="task-list-item plugin-tasks-list-item"
          data-task-priority="normal"
          data-task=""
          data-line="1"
          data-task-status-name="Todo"
          data-task-status-type="TODO">
          <input class="task-list-item-checkbox" type="checkbox" title="Right-click for options" data-line="1" />
          <span class="tasks-list-text">
            <span class="task-description"><span>child 2</span></span>
          </span>
          <span class="task-extras">
            <span class="tasks-backlink">
              (
              <a rel="noopener" target="_blank" class="internal-link">inheritance_rendering_sample</a>
              )
            </span>
            <a class="tasks-edit" title="Edit task" href="#"></a>
          </span>
          <ul class="contains-task-list plugin-tasks-query-result tasks-layout-hide-urgency">
            <li>
              <span>non task grandchild</span>
              <ul class="contains-task-list plugin-tasks-query-result tasks-layout-hide-urgency">
                <li
                  class="task-list-item plugin-tasks-list-item"
                  data-task-priority="normal"
                  data-task=""
                  data-line="0"
                  data-task-status-name="Todo"
                  data-task-status-type="TODO">
                  <input
                    class="task-list-item-checkbox"
                    type="checkbox"
                    title="Right-click for options"
                    data-line="0" />
                  <span class="tasks-list-text">
                    <span class="task-description"><span>grand grand child</span></span>
                  </span>
                  <span class="task-extras">
                    <span class="tasks-backlink">
                      (
                      <a rel="noopener" target="_blank" class="internal-link">inheritance_rendering_sample</a>
                      )
                    </span>
                    <a class="tasks-edit" title="Edit task" href="#"></a>
                  </span>
                </li>
              </ul>
            </li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
  <div class="task-count">6 tasks</div>
</div>
